<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>订花乐首页</title>
    <link rel="stylesheet" href="./css/index.css">
      <script src="https://tam.cdn-go.cn/aegis-sdk/latest/aegis.min.js"></script>
      <script>
        const aegis = new Aegis({
          id: 'r5oRgul8ye9OKYYpVG', // 上报 id
          uin: 'xxx', // 用户唯一 ID（可选）
          reportApiSpeed: true, // 接口测速
          reportAssetSpeed: true, // 静态资源测速
          spa: true, // spa 应用页面跳转的时候开启 pv 计算
          hostUrl: 'https://rumt-zh.com'
        });
      </script>
</head>
<body>
    <div class="tabbar">
        <header>
            <div class="search">
                <img src="./img/index/WechatIMG247 1.png" alt="">
            </div>
            <div class="logo">
                <img src="./img/index/Snipaste_2023-03-21_18-15-58.png" alt="">
            </div>
            
        </header>
        <main>
            <!-- 轮播图 -->
            <div class="banner">
                <img src="./img/index/202012291159312424.jpg.png" alt="">
            </div>
            <ul class="title">
                <li>
                    <img src="./img//index/WechatIMG248 1.png" alt=""> 品牌鲜花网
                </li>
                <li>
                    <img src="./img//index/WechatIMG248 1.png" alt=""> 实拍秀
                </li>
                <li>
                    <img src="./img//index/WechatIMG248 1.png" alt=""> 1小时送达
                </li>
                <li>
                    <img src="./img//index/WechatIMG248 1.png" alt=""> 50w+好评
                </li>
            </ul>
            <ul class="nav">
                <li>
                    <img src="./img/index/mIndex1.png.png" alt="">
                    <span>花束</span>
                </li>
                <li>
                    <img src="./img/index/mIndex2.png.png" alt="">
                    <span>礼盒</span>
                </li>
                <li>
                    <img src="./img/index/mIndex3.png.png" alt="">
                    <span>蛋糕</span>
                </li>
                <li>
                    <img src="./img/index/mIndex4.png.png" alt="">
                    <span>花篮</span>
                </li>
                <li>
                    <img src="./img/index/mIndex5.png.png" alt="">
                    <span>绿植</span>
                </li>
            </ul>
            <!-- 选花 -->
            <div class="flowers">
                <div class="fl-content">
                    <div class="fl-tltle">
                        一秒选花
                    </div>
                    <ul class="fl-img">
                        <li>
                            <img src="./img/index/imgNav1.png.png" alt="">
                        </li>
                        <li>
                            <img src="./img/index/imgNav2.png.png" alt="">
                        </li>
                        <li>
                            <img src="./img/index/imgNav3.png.png" alt="">
                        </li>
                    </ul>
                    <ul class="fl-introduce">
                        <li>
                            <span>生日祝福</span>
                            <img src="img/index/imgNav4.png.png" alt="">
                        </li>
                        <li>
                            <span>生日祝福</span>
                            <img src="img/index/imgNav4.png.png" alt="">
                        </li>
                        <li>
                            <span>商务开业</span>
                            <img src="img/index/imgNav5.png.png" alt="">
                        </li>
                        <li>
                            <span>装饰绿植</span>
                            <img src="img/index/imgNav6.png.png" alt="">
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 爱情鲜花 -->
            <div class="love-flower">
                <!-- 顶部标题 -->
                <div class="love-title">
                    <span>爱情鲜花</span>
                </div>
                <ul class="love-item">
                        <li>
                            <div class="img-item">
                                <img src="./img/index/202006301617407670.jpg.png" alt="">
                                <span>浪漫满屋</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                            <div class="img-item">
                                <img src="./img/index/202104260950064701.jpg.png" alt="">
                                <span>此生不渝</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                        </li>
                        <li>
                            <div class="img-item">
                                <img src="./img/index/202104261052034321.jpg.png" alt="">
                                <span>粉色公主</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                            <div class="img-item">
                                <img src="./img/index/202010260915414084.jpg.png" alt="">
                                <span>永恒回忆</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                        </li>
                        <li>
                            <div class="img-item">
                                <img src="./img/index/202105191204581151.jpg.png" alt="">
                                <span>为你心动</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                            <div class="img-item">
                                <img src="./img/index/202104261306508528.jpg.png" alt="">
                                <span>如约而至</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                        </li>
                        <li>
                            <div class="img-item">
                                <img src="./img/index/202104261339329479.jpg.png" alt="">
                                <span>如约而至</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                            <div class="img-item">
                                <img src="./img/index/202008261128401632.jpg.png" alt="">
                                <span>幸福之约</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                        </li>
                </ul>
                <!-- 查看更多 -->
                <div class="more">
                    <span>查看更多</span>
                </div>
            </div>
            <!-- 友情鲜花 -->
            <div class="love-flower friendship">
                <!-- 顶部标题 -->
                <div class="love-title">
                    <span>友情鲜花</span>
                </div>
                <ul class="love-item">
                        <li>
                            <div class="img-item">
                                <img src="./img/index/202012081501255872.jpg.png" alt="">
                                <span>温暖阳光</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                            <div class="img-item">
                                <img src="./img/index/202006301623486849.jpg.png" alt="">
                                <span>恋恋情深</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                        </li>
                        <li>
                            <div class="img-item">
                                <img src="./img/index/202006301514481588.jpg.png" alt="">
                                <span>不忘初心</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                            <div class="img-item">
                                <img src="./img/index/202104261310519646.jpg.png" alt="">
                                <span>满天繁星</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                        </li>
                        <li>
                            <div class="img-item">
                                <img src="./img/index/202104261056513801.jpg.png" alt="">
                                <span>美丽心情</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                            <div class="img-item">
                                <img src="./img/index/202104261138142574.jpg.png" alt="">
                                <span>你的笑靥</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                        </li>
                        <li>
                            <div class="img-item">
                                <img src="./img/index/202007131442249878.jpg.png" alt="">
                                <span>相依相伴</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                            <div class="img-item">
                                <img src="./img/index/202007081525027185.jpg.png" alt="">
                                <span>一生有你</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                        </li>
                </ul>
                <!-- 查看更多 -->
                <div class="more">
                    <span>查看更多</span>
                </div>
            </div>
            <!-- 鲜花礼盒 -->
            <div class="love-flower friendship">
                <!-- 顶部标题 -->
                <div class="love-title">
                    <span>鲜花礼盒</span>
                </div>
                <ul class="love-item">
                        <li>
                            <div class="img-item">
                                <img src="./img/index/202008261130205022.jpg.png" alt="">
                                <span>幸福守候</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                            <div class="img-item">
                                <img src="./img/index/202006301719514798.jpg.png" alt="">
                                <span>绵绵情谊</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                        </li>
                        <li>
                            <div class="img-item">
                                <img src="./img/index/202007071003531298.jpg.png" alt="">
                                <span>挚爱一生</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                            <div class="img-item">
                                <img src="./img/index/202006301732128936.jpg.png" alt="">
                                <span>亲密无间</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                        </li>
                        <li>
                            <div class="img-item">
                                <img src="./img/index/202006301737379714.jpg.png" alt="">
                                <span>全心全意</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                            <div class="img-item">
                                <img src="./img/index/202008181659388005.jpg.png" alt="">
                                <span>一生所爱</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                        </li>
                        <li>
                            <div class="img-item">
                                <img src="./img/index/202007131620544163.jpg.png" alt="">
                                <span>爱情时光</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                            <div class="img-item">
                                <img src="./img/index/202104261257415133.jpg.png" alt="">
                                <span>缘分天空</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                        </li>
                </ul>
                <!-- 查看更多 -->
                <div class="more">
                    <span>查看更多</span>
                </div>
            </div>
            <!-- 蛋糕 -->
            <div class="love-flower friendship">
                <!-- 顶部标题 -->
                <div class="love-title">
                    <span>蛋糕</span>
                </div>
                <ul class="love-item">
                        <li>
                            <div class="img-item">
                                <img src="./img/index/202012081617315176.jpg.png" alt="">
                                <span>丝丝甜蜜（8寸）</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                            <div class="img-item">
                                <img src="./img/index/202012081602487979.jpg.png" alt="">
                                <span>爱的火烈鸟【网红款】</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                        </li>
                        <li>
                            <div class="img-item">
                                <img src="./img/index/202012251534096608.jpg.png" alt="">
                                <span>独一无二【网红款】</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                            <div class="img-item">
                                <img src="./img/index/202104271631476988.jpg.png" alt="">
                                <span>温暖阳光+幸福环绕</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                        </li>
                        <li>
                            <div class="img-item">
                                <img src="./img/index/202012141056521853.jpg.png" alt="">
                                <span>意气风发【网红款】</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                            <div class="img-item">
                                <img src="./img/index/202012101521083969.jpg.png" alt="">
                                <span>天使之翼【网红款】</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                        </li>
                        <li>
                            <div class="img-item">
                                <img src="./img/index/202012101525295326.jpg.png" alt="">
                                <span>甜蜜告白【网红款】</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                            <div class="img-item">
                                <img src="./img/index/202012081704432499.jpg.png" alt="">
                                <span>勇敢宝贝</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                        </li>
                </ul>
                <!-- 查看更多 -->
                <div class="more">
                    <span>查看更多</span>
                </div>
            </div>
            <!-- 开业花篮 -->
            <div class="love-flower friendship">
                <!-- 顶部标题 -->
                <div class="love-title">
                    <span>开业花篮</span>
                </div>
                <ul class="love-item">
                        <li>
                            <div class="img-item">
                                <img src="./img/index/202006291536431010.jpg.png" alt="">
                                <span>大吉大利（一对）</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                            <div class="img-item">
                                <img src="./img/index/202006291732318324.jpg.png" alt="">
                                <span>喜气迎门（一对）</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                        </li>
                        <li>
                            <div class="img-item">
                                <img src="./img/index/202006291712209904.jpg.png" alt="">
                                <span>生意兴隆（一对）</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                            <div class="img-item">
                                <img src="./img/index/202006291551446068.jpg.png" alt="">
                                <span>好运连连（一对）</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                        </li>
                        <li>
                            <div class="img-item">
                                <img src="./img/index/202006291728114941.jpg.png" alt="">
                                <span>喜气洋洋（一对）</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                            <div class="img-item">
                                <img src="./img/index/202006291709582518.jpg.png" alt="">
                                <span>张灯结彩（一对）</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                        </li>
                        <li>
                            <div class="img-item">
                                <img src="./img/index/202006281521087286.jpg.png" alt="">
                                <span>开业大卖</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                            <div class="img-item">
                                <img src="./img/index/202006291723422114.jpg.png" alt="">
                                <span>万事如意（一对）</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                        </li>
                </ul>
                <!-- 查看更多 -->
                <div class="more">
                    <span>查看更多</span>
                </div>
            </div>
            <!-- 绿植 -->
            <div class="love-flower friendship greenplants">
                <!-- 顶部标题 -->
                <div class="love-title">
                    <span>绿植</span>
                </div>
                <ul class="love-item">
                        <li>
                            <div class="img-item">
                                <img src="./img/index/202006231630429791.jpg.png" alt="">
                                <span>辫子发财树盆栽</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                            <div class="img-item">
                                <img src="./img/index/202006231727316935.jpg.png" alt="">
                                <span>单柱发财树盆栽1</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                        </li>
                        <li>
                            <div class="img-item">
                                <img src="./img/index/202006231216548078.jpg.png" alt="">
                                <span>绿宝盆栽</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                            <div class="img-item">
                                <img src="./img/index/202006231241078043.jpg.png" alt="">
                                <span>天堂鸟盆栽</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                        </li>
                        <li>
                            <div class="img-item">
                                <img src="./img/index/202006231759215799.jpg.png" alt="">
                                <span>落地大富贵竹</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                            <div class="img-item">
                                <img src="./img/index/202006231723354886.jpg.png" alt="">
                                <span>三株鸿运当头盆栽</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                        </li>
                        <li>
                            <div class="img-item">
                                <img src="./img/index/202006231652049943.jpg.png" alt="">
                                <span>虎皮兰盆栽</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                            <div class="img-item">
                                <img src="./img/index/202006240941393839.jpg.png" alt="">
                                <span>心叶藤盆栽</span>
                                <i>￥229</i>
                                <span>销量17229笔</span>
                            </div>
                        </li>
                </ul>
                <!-- 查看更多 -->
                <div class="more">
                    <span>查看更多</span>
                </div>
                <div class="bot"></div>
            </div>
        </main>
        <footer>
            <div class="copyright">
                <p>Copyright©2020 成都勿忘我科技有限公司</p>
                <p>蜀ICP备20016463号-2</p>
            </div>
        </footer>
        <!-- 底部导航 -->
        <ul class="bot-nav">
            <li>
                <div class="item">
                    <img src="img/index/WechatIMG249 1.png" alt="">
                    <span>首页</span>
                </div>
            </li>
            <li>
                <div class="item">
                    <img src="img/index/WechatIMG250 1.png" alt="">
                    <span>分类</span>
                </div>
            </li>
            <li>
                <div class="item">
                    <img src="img/index/WechatIMG252 1.png" alt="">
                    <span>购物车</span>
                </div>
            </li>
            <li>
                <div class="item">
                    <img src="img/index/WechatIMG253 1.png" alt="">
                    <span>我的</span>
                </div>
            </li>
        </ul>
    </div>
</body>
</html>